$browser-default-font-size: 75px !default;//变量的值可以根据自己需求定义
@function rem($px){//$px为需要转换的字号
    @return $px / $browser-default-font-size * 1rem;
}
//按钮
.w40{width:40%;}
.w60{width:60%;}
.mgui-btn{background:#ff5f00;margin-top:rem(30px);display:block;margin-left:auto;margin-right:auto;height:rem(88px);line-height:rem(88px);border-radius:6px;color:#fff;font-size:rem(32px);text-align:center;}
.mgui-btn a{color:inherit;}
.mgui-btn-nowelt{margin-left:10px;margin-right:10px;}
.mgui-btn-empty{background:#F7F7F7;color:#454545;border:1px solid rgba(0, 0, 0, 0.2);}

.mgui-twobtnbox{display:flex;}
.mgui-twobtnbox .mgui-btn{flex:1;text-align:center;}
.mgui-btn-red{border-color:#ff5f00;color:#ff5f00;}

//弹窗
.mgui-dialog .mask{position:fixed;top:0;left:0;z-index:20;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);}
.mgui-dialog .dialog{position:fixed;top:50%;left:50%;z-index:21;width:80%;font-size:rem(26px);line-height:rem(32px);background:#f5f5f5;color:#666;border-radius:6px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.mgui-dialog .hd{height:rem(88px);line-height:rem(88px);text-align:center;color:#333;border-bottom:#eee 1px solid;}
.mgui-dialog .bd{padding:rem(60px) rem(30px);-webkit-box-sizing:border-box;box-sizing:border-box;}
.mgui-dialog1 .ft a{width:100%;height:rem(88px);display:block;line-height:rem(88px);background:#ff5f00;color:#fff;text-align:center;}
.mgui-dialog2 .bd{text-align:center;}
.mgui-dialog2 .ft,
.mgui-dialog3 .foot{overflow:hidden;border-radius:0 0 6px 6px;}
.mgui-dialog2 .ft a,
.mgui-dialog3 .foot a{float:left;height:rem(88px);width:50%;line-height:rem(88px);display:block;text-align:center;}
.mgui-dialog2 .ft a.cancel,
.mgui-dialog3 .foot a.cancel{background:#ddd;color:#888;}
.mgui-dialog2 .ft a.confirm,
.mgui-dialog3 .foot a.confirm{background:#ff5f00;color:#fff;}

.mgui-dialog3 .top{position:absolute;top:rem(-214px);left:50%;width:rem(522px);height:rem(290px);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.mgui-dialog3 .bd{padding:rem(100px) rem(30px) rem(60px);text-align:center;}
.mgui-dialog3 .bd .apptxt{font-size:rem(30px);color:#ff5f00;padding:0 0 rem(20px) 0;}

// 布局
.mgui-cell{position:relative;overflow:hidden;border-radius:6px;font-size:rem(26px);}
.mgui-cell .cellsbox{height:rem(90px);line-height:rem(88px);background:#fff;margin-bottom:1px;}
.mgui-cell .cellsbox .hd{float:left;width:rem(70px);text-align:center;}
.mgui-cell .cellsbox .bd{float:left;width:60%;}
.mgui-cell .cellsbox .ncode{float:right;width:25%;height:100%;background:#fff;color:#ff5f01;text-align:center;}
.mgui-cell .cellsbox .ncode a{color:inherit;}
.mgui-cell .cellsbox .ncode a.gray{color:#bbb;}
.mgui-cell .cellsbox .nimg{float:right;width:25%;height:100%;background:#ddd;color:#888;text-align:center;}
.mgui-cell .cellsbox input{width:100%;border:0 none;display:box;box-align:center;}
.mgui-cell .cellsbox-erro,
.mgui-cell .cellsbox-succ{position:absolute;left:0;bottom:0;width:100%;height:rem(88px);line-height:rem(88px);background: rgba(0, 0, 0, .8);border-radius:6px;color:#fff;text-align:center;}
.mgui-cell .cellsbox-erro .iconfont-c,
.mgui-cell .cellsbox-succ .iconfont-c{font-size:rem(30px);margin:0 6px;padding:1px;background:#f43530;color:#fff;border-radius:24px;vertical-align:middle;}
.mgui-cell .cellsbox-succ .iconfont-c{background:#09bb07;}
// 布局-服务协议提示
.mgui-tips1{margin-top:rem(40px);text-align:center;color:#bbb;}
.mgui-tips1 ul li{display:inline-block;}
.mgui-tips1 ul li a{color:#ff5f00;}
.mgui-tips2{margin-top:rem(40px);color:#888;}
.mgui-tips2 input{margin:0 4px;vertical-align:middle;}
.mgui-tips2 a{color:#ff5f00;text-decoration:underline;}
.mgui-tips2 a.black{text-decoration:none;float:right;}
.mgui-tips2 .iconfont-c{color:#ff5f00;}
//底部tips --- 1个按钮
.mgui-tips-singlebtn{position:fixed;width:100%;bottom: 0px;padding:rem(35px) rem(190px) rem(35px) rem(20px);line-height:rem(30px);font-size:rem(26px);background: rgba(0, 0, 0, .8);color:#fff;z-index: 1024;-webkit-box-sizing:border-box;box-sizing:border-box;}
.mgui-tips-singlebtn a{width:100%;height:100%;display:block;color:#fff;}
.mgui-tips-singlebtn .btn{position:absolute;top:rem(24px);right:10px;width:rem(148px);height:rem(48px);display:block;line-height:rem(46px);text-align:center;border:#ff5f00 1px solid;font-size:rem(26px);border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#ff5f00;}

//2个按钮
.mgui-tips-doublebtn{position:fixed;width:100%;bottom: 0px;padding:rem(35px) 0;line-height:rem(30px);font-size:rem(26px);background: rgba(0, 0, 0, .8);color:#fff;z-index: 1024;-webkit-box-sizing:border-box;box-sizing:border-box;}
.mgui-tips-doublebtn .btn{width:100%;height:100%;display:block;color:#fff;}
.mgui-tips-doublebtn .txt{padding:0 10px;}
.mgui-tips-doublebtn .boxbtn{margin-top:rem(20px);}
.mgui-tips-doublebtn .boxbtn li{float:left;width:50%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.mgui-tips-doublebtn .boxbtn a{height:rem(48px);line-height:rem(48px);display:block;text-align:center;border:#ff5f00 1px solid;color:#ff5f00;border-radius: 4px;}
.mgui-tips-doublebtn .boxbtn a.btn1{border-color:#999;color:#999;}
.mgui-tips2 .iconfont-c{color:#ff5f00;}

//占位尺寸
.mgui-size-710-710 {
	width: rem(710px);
	height: rem(710px);
	background-color: #eeeeee;
}

.mgui-size-710-400 {
	width: rem(710px);
	height: rem(400px);
	background-color: #eeeeee;
}

.mgui-size-224-125 {
	display: inline-block;
	width: rem(223px);
	height: rem(125px);
	background-color: #eeeeee;
}

.mgui-size-223-125 {
	width: rem(223px);
	height: rem(125px);
	background-color: #eeeeee;
}

.mgui-size-345-194 {
	width: rem(345px);
	height: rem(194px);
	background-color: #eeeeee;
}

.mgui-size-750-350 {
	width: rem(750px);
	height: rem(350px);
	background-color: #eeeeee;
}

.mgui-size-750-430 {
	width: rem(750px);
	height: rem(430px);
	background-color: #eeeeee;
}

.mgui-size-345-345 {
    width: rem(345px);
    height: rem(345px);
    background-color: #eeeeee;
}
.mgui-size-223-314 {
	width: rem(223px);
    height: rem(314px);
    background-color: #eeeeee;
}

.mgui-size-710-398 {
	width: rem(710px);
	height: rem(398px);
	background-color: #eeeeee;
}

.mgui-size-750-422{
    width: rem(750px);
    height: rem(422px);
    background-color: #eeeeee;
}

.mgui-toast{position:absolute;top:50%;left:10%;z-index:1025;width:80%;height:rem(88px);line-height:rem(88px);background: rgba(0, 0, 0, .8);border-radius:6px;color:#fff;text-align:center;}
.mgui-toast .iconfont-c{font-size:rem(30px);margin:0 6px;padding:1px;background:#f43530;color:#fff;border-radius:24px;vertical-align:middle;}
.mgui-toast .mgui-icon-success {background:#09bb07;}

/***** 20180224 update  ****/
.ub-list-onetit .ub-txt{display:none;}
.ub-list-onetit .ub-tit{overflow:hidden;height:rem(62px);line-height:rem(30px);text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space: normal;}
.ub-list-sametit .ub-txt{width:100%;margin:4px 0 0 0;height:rem(25px);line-height: rem(27px);display: block;font-size: rem(24px);color: #666;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}